<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>新增收货地址</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入公用样式 -->
    <link rel="stylesheet" href="/static/sass/common/ydui.css" />
    <link rel="stylesheet" href="/static/sass/common/dropload.css" />
    <link rel="stylesheet" href="/static/stylesheets/user/order.css" />
    <style>
        .noabs{position: inherit !important; transform: translateX(0) !important; -webkit-transform: translateX(0) !important;}
        body, html {height: auto;}
    </style>
    <!-- 引入自适应解决方案类库 -->
    <script src="/static/scripts/libs/ydui.flexible.js"></script>
</head>
<body>
    <div class="g-flexview">
        <!-- 主体内容开始 -->
        <section class="content_box">
            <!-- tab -->
            <div class="m-tab">
                <ul class="tab-nav tab" id="tab" style="position: fixed; top: 0; left: 0; z-index: 2; width: 100%;">
                    <li class="tab-nav-item item tab-active"><a href="javascript:;">全部</a></li>
                    <li class="tab-nav-item item"><a href="javascript:;">待支付</a></li>
                    <li class="tab-nav-item item"><a href="javascript:;">待发货</a></li>
                    <li class="tab-nav-item item"><a href="javascript:;">待收货</a></li>
                    <li class="tab-nav-item item"><a href="javascript:;">待评价</a></li>
                </ul>
                <div class="tab-panel content" style="margin-top: 0.85rem">
                    <!-- tab 1 -->
                    <div class="tab-panel-item noabs">
                        <!-- 订单列表 -->
                        <!-- 交易失败 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right">
                                        交易关闭
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-danger del" style="height:100%; line-height:55px; width: 90px;">删除订单</a>
                                    <a href="/html/comments/comments.html" class="btn btn-primary comment" style="height:100%; line-height:55px; width: 80px;">评价</a>
                                </div>
                            </div>
                        </div>

                        <!-- 交易成功 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right green">
                                        交易成功
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-danger bd_radius_0 del" style="height:100%; line-height:55px; width: 90px;">删除订单</a>
                                </div>
                            </div>
                        </div>

                        <!-- 待发货 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right danger">
                                        待发货
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 comment" style="height:100%; line-height:55px; width: 90px;">取消订单</a>
                                </div>
                            </div>
                        </div>

                        <!-- 待支付 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right yellow">
                                        待付款
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 del" style="height:100%; line-height:55px;">更多</a>
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 del" style="height:100%; line-height:55px; width: 85px;">联系卖家</a>
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 warning" style="height:100%; line-height:55px; width: 85px;">取消订单</a>
                                    <a href="javascript:;" class="btn btn-primary bd_radius_0 success" style="height:100%; line-height:55px; width: 85px;">立即支付</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                    <!-- tab 2 -->
                    <div class="tab-panel-item noabs" style="display: none;">
                        <!-- 待支付 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right yellow">
                                        待付款
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 del" style="height:100%; line-height:55px;">更多</a>
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 del" style="height:100%; line-height:55px; width: 85px;">联系卖家</a>
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 warning" style="height:100%; line-height:55px; width: 85px;">取消订单</a>
                                    <a href="javascript:;" class="btn btn-primary bd_radius_0 success" style="height:100%; line-height:55px; width: 85px;">立即支付</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- tab 3 -->
                    <div class="tab-panel-item noabs" style="display: none;">
                        <!-- 待发货 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right danger">
                                        待发货
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-warning bd_radius_0 comment" style="height:100%; line-height:55px; width: 90px;">取消订单</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- tab 4 -->
                    <div class="tab-panel-item noabs" style="display: none;">
                        <!-- 交易成功 -->
                        <!-- <div class="order_list">
                            title
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right green">
                                        交易成功
                                    </div>
                                </div>
                            </div>
                            list
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                    <a href="#" class="list-item">
                                        <div class="list-img">
                                            <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                        </div>
                                        <div class="list-mes">
                                            <h3 class="list-title">标题标题标题标题标题</h3>
                                            <div class="list-mes-item">
                                                <div>
                                                    <span class="list-price"><em>¥</em>34.7</span>
                                                    <span class="list-del-price">¥45.65</span>
                                                </div>
                                                <div>x1</div>
                                            </div>
                                        </div>
                                    </a>
                            </article>
                            total
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-danger bd_radius_0 success" style="height:100%; line-height:55px; width: 90px;">删除订单</a>
                                </div>
                            </div>
                        </div> -->

                        <!-- 没有订单 -->
                        <div class="order_list">
                            <!-- 没有订单 -->
                            <div class="order_no"></div>
                            <p class="gray">目前没有相关订单</p>
                        </div>
                    </div>
                    <!-- tab 5 -->
                    <!-- 评论 -->
                    <div class="tab-panel-item noabs" style="display: none;">
                        <!-- 交易成功 -->
                        <div class="order_list">
                            <!-- title -->
                            <div class="m-cell mb_0">
                                <div class="cell-item">
                                    <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>
                                    <div class="cell-right green">
                                        交易成功
                                    </div>
                                </div>
                            </div>
                            <!-- list -->
                            <article class="m-list list-theme4 lists">
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes detail">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item disc">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                                <a href="#" class="list-item">
                                    <div class="list-img">
                                        <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">
                                    </div>
                                    <div class="list-mes">
                                        <h3 class="list-title">标题标题标题标题标题</h3>
                                        <div class="list-mes-item">
                                            <div>
                                                <span class="list-price"><em>¥</em>34.7</span>
                                                <span class="list-del-price">¥45.65</span>
                                            </div>
                                            <div>x1</div>
                                        </div>
                                    </div>
                                </a>
                            </article>
                            <!-- total -->
                            <div class="cell-item" style="height: 55px;background: #fff;">
                                <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>
                            </div>
                            <div class="cell-item" style="background: #fff;">
                                <div class="cell-left gray"></div>
                                <div class="cell-right pr_0">
                                    <a href="javascript:;" class="btn btn-danger del" style="height:100%; line-height:55px; width: 90px;">删除订单</a>
                                    <a href="/html/comments/comments.html" class="btn btn-primary comment" style="height:100%; line-height:55px; width: 80px;">评价</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </section>

    </div>
</body>    
<!-- 引入jQuery 2.0+ -->
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<!-- 引入YDUI脚本 -->
<script src="/static/scripts/libs/ydui.citys.js"></script>
<script src="/static/scripts/libs/ydui.js"></script>
<script src="/static/scripts/libs/dropload.js"></script>

<script>
//    var $tab = $('#J_Tab');
//
//    $tab.tab({
//        nav: '.tab-nav-item',
//        panel: '.tab-panel-item',
//        activeClass: 'tab-active'
//    });
//
//    $tab.find('.tab-nav-item').on('open.ydui.tab', function (e) {
//        console.log('索引：%s - [%s]正在打开', e.index, $(this).text());
//    });
//
//    $tab.find('.tab-nav-item').on('opened.ydui.tab', function (e) {
//        console.log('索引：%s - [%s]已经打开了', e.index, $(this).text());
//    });
</script>
<script>
$(function(){

    var itemIndex = 0;

    var tabLoadEndArray = [false, false, false, false, false];
    var tabLenghtArray = [28, 15, 47, 10, 10, 10]; //每个tab最多加载多少个
    var tabScroolTopArray = [0, 0, 0, 0, 0];
    // tab
    $('.tab .item').on('click',function(){
        tabScroolTopArray[itemIndex] = $(window).scrollTop();
        var $this = $(this);
        itemIndex = $this.index();
        console.log(itemIndex)
        $(window).scrollTop(tabScroolTopArray[itemIndex]);
        $this.addClass('tab-active').siblings().removeClass('tab-active');
        $('.tab-panel-item').eq(itemIndex).show().siblings('.tab-panel-item').hide();

        if (!tabLoadEndArray[itemIndex]) {
            dropload.unlock();
            dropload.noData(false);
        } else {
            dropload.lock('down');
            dropload.noData();
        }
        // 重置
        dropload.resetload();
    });
    
    // dropload
    var dropload = $('.content').dropload({
        scrollArea: window,
        domDown: {
            domClass: 'dropload-down',
            domRefresh: '<div class="dropload-refresh">上拉加载更多</div>',
            domLoad: '<div class="dropload-load"><span class="loading"></span>加载中...</div>',
            domNoData: '<div class="dropload-noData">已无数据</div>'
        },
        loadDownFn: function (me) {
            setTimeout(function () {
            	console.log("请求页数据成功");
                if (tabLoadEndArray[itemIndex]) {
                    me.resetload();
                    me.lock();
                    me.noData();
                    me.resetload();
                    return;
                }
                var result = '';
                for (var index = 0; index < 10; index++) {
                    if (tabLenghtArray[itemIndex] > 0) {
                        tabLenghtArray[itemIndex]--;
                    } else {
                        tabLoadEndArray[itemIndex] = true;
                        break;
                    }
                    if (itemIndex == 0) {
                        result += creatDom()//每条数据
                    } else if (itemIndex == 1) {
                        result += creatDom()//每条数据
                    } else if (itemIndex == 2) {
                        result += creatDom()//每条数据
                    } else if (itemIndex == 3) {
                        result += creatDom()//每条数据
                    } else if (itemIndex == 4) {
                        result += creatDom()//每条数据
                    }
                }
                $('.tab-panel-item').eq(itemIndex).append(result);
                me.resetload();
            }, 500);
        }
    });
    
    
    function creatDom(data){
        //根据不同data的状态 创建不同的dom
        let shtml = ''
        shtml += '<div class="order_list">';
        shtml += '    <!-- title -->';
        shtml += '    <div class="m-cell mb_0">';
        shtml += '        <div class="cell-item">';
        shtml += '            <div class="cell-left gray">订单编号：<spn>LP21321312312321</span></div>';
        shtml += '            <div class="cell-right">';
        shtml += '                交易关闭';
        shtml += '            </div>';
        shtml += '        </div>';
        shtml += '    </div>';
        shtml += '    <!-- list -->';
        shtml += '    <article class="m-list list-theme4 lists">';
        shtml += '        <a href="#" class="list-item">';
        shtml += '            <div class="list-img">';
        shtml += '                <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">';
        shtml += '            </div>';
        shtml += '            <div class="list-mes detail">';
        shtml += '                <h3 class="list-title">标题标题标题标题标题</h3>';
        shtml += '                <div class="list-mes-item disc">';
        shtml += '                    <div>';
        shtml += '                        <span class="list-price"><em>¥</em>34.7</span>';
        shtml += '                        <span class="list-del-price">¥45.65</span>';
        shtml += '                    </div>';
        shtml += '                    <div>x1</div>';
        shtml += '                </div>';
        shtml += '            </div>';
        shtml += '        </a>';
        shtml += '            <a href="#" class="list-item">';
        shtml += '                <div class="list-img">';
        shtml += '                    <img src="http://img1.shikee.com/try/2016/06/19/09430120929215230041.jpg_220x220.jpg">';
        shtml += '                </div>';
        shtml += '                <div class="list-mes">';
        shtml += '                    <h3 class="list-title">标题标题标题标题标题</h3>';
        shtml += '                    <div class="list-mes-item">';
        shtml += '                        <div>';
        shtml += '                            <span class="list-price"><em>¥</em>34.7</span>';
        shtml += '                            <span class="list-del-price">¥45.65</span>';
        shtml += '                        </div>';
        shtml += '                        <div>x1</div>';
        shtml += '                    </div>';
        shtml += '                </div>';
        shtml += '            </a>';
        shtml += '    </article>';
        shtml += '    <!-- total -->';
        shtml += '    <div class="cell-item" style="height: 55px;background: #fff;">';
        shtml += '        <p style="width: 100%; text-align: center; font-size: .3rem;">共5件商品 合计：<span style="color: #dc1210;">￥300.00</span> (含运费：0.00)</p>';
        shtml += '    </div>';
        shtml += '    <div class="cell-item" style="background: #fff;">';
        shtml += '        <div class="cell-left gray"></div>';
        shtml += '        <div class="cell-right pr_0">';
        shtml += '            <a href="javascript:;" class="btn btn-danger del" style="height:100%; line-height:55px; width: 90px;">删除订单</a>';
        shtml += '            <a href="/html/comments/comments.html" class="btn btn-primary comment" style="height:100%; line-height:55px; width: 80px;">评价</a>';
        shtml += '        </div>';
        shtml += '    </div>';
        shtml += '</div>';
        
        return shtml;
    }
});
</script>
</html>
